<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    /* 美化样式 */
    body {
        font-family: Arial, sans-serif;
        /*background-color: #f5f5f5;*/
        text-align: center;
        padding: 20px;
        background: url(./images/1.jpg);
        /* 设置背景铺满 */
        background-repeat:no-repeat;
        background-size:100%;
    }
    h1 {
        color: #333;
    }
    .menu {
        display: flex;
        justify-content: space-around;
        margin: 20px 0;
    }
    .menu a {
      display: block;
      width: 200px;
      height: 50px;
      line-height: 50px;
      background-color: #ccc;
      text-decoration: none;
      color: #fff;
      font-size: 18px;
      border-radius: 10px;
    }
    .menu a:hover {
      background-color: #999;
    }
  </style>
</head>
<body>
<h1>医院住院住院管理系统首页</h1>
<br>
<br>
<br>
<p>请选择客户端</p>
<br>
<br>
<div class="menu">
  <a href="http://localhost:8080/_war_exploded/patient.jsp">患者端</a>
  <a href="http://localhost:8080/_war_exploded/login.html">职工端</a>
</div>
</body>
</html>